<template>
  <figure id="logo">
    <img :src="src" width="100" height="80" alt="logo" />
    <figcaption :style="{ color }">
      <slot></slot>
    </figcaption>
  </figure>
</template>

<script>
export default {
  props: {
    src: String,
    color: String,
  },
};
</script>

<style lang="less" scoped>
#logo {
  display: inline-block;
  margin: 30px 50px;
  figcaption {
    text-align: center;
    font-size: 20px;
    letter-spacing: 2px;
    font-family: "hanbiao";
  }
}
</style>